<template>
  <div class="footer flex flex-col">
    <div class="flex justify-between mb-[-15px]">
      <div>
        <div>| 地址</div>
        <div class="mt-[8px] text-[14px]">湖北荆门市象山大道33号</div>
      </div>
      <div>
        <div>| 导航链接</div>
        <div class="mt-[8px] text-[14px]">
          教育部 | 教育厅 | 湖北省教育厅 | 荆门市人民政府
        </div>
      </div>
      <div class="flex">
        <img class="block w-[60px]" alt="Vue logo" src="~@/assets/gzh.jpg" />
        <div class="ml-[10px]">
          <div>| 关注</div>
          <div class="mt-[8px] text-[14px]">荆楚理工学院微信公众号</div>
        </div>
      </div>
    </div>
    <el-divider />
    <div class="text-center text-[14px] mt-[-15px]">
      版权所有：荆楚理工学院 鄂ICP备05003328号
    </div>
  </div>
</template>
<script setup lang="ts"></script>

<style lang="scss" scoped>
.footer {
  width: 100%;
  color: var(--color-header-text);
  background: var(--color-header-background-1);
  padding: 15px 40px 15px 30px;
}
</style>
